const { resolve } = require('path')

const prod = require('./webpack.prod')

module.exports = {
  ...prod,
  mode: 'development',
  devServer: {
    static: {
      directory: resolve('build'), //基于打包后的文件夹作为静态资源服务器的根目录
    },
    port: 9000, //设置端口号
    open: true, //自动打开浏览器
    historyApiFallback: true, //增加此配置项. 当找不到对应路由时，会将其定位到/
    // 服务器代理
    proxy: {
      '/api': {
        target: 'http://localhost:8080', //目标服务器
        pathRewrite: { '^/api': '' }, //将url中/api替换掉
      },
    },
  },
}